<template>
    <div class="box">
        <van-nav-bar title="我的" />
        <van-card :title="name" thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg">
        </van-card>

        <van-grid>
            <van-grid-item icon="photo-o" text="全部订单" />
            <van-grid-item icon="photo-o" text="待支付" />
            <van-grid-item icon="photo-o" text="待收货" />
            <van-grid-item icon="photo-o" text="待评价" />
        </van-grid>

        <van-cell-group inset>
            <van-cell title="收货地址" value="" />
            <van-cell title="我的资金券" value="" />
            <van-cell title="我的商品券" value="" />
            <van-cell title="我的发票" value="" />
            <van-cell title="账户信息" value="" />
            <van-cell title="关于我们" value="" />
           
        </van-cell-group>
    </div>
</template>

<script setup>
import { ref } from 'vue';
let name = ref(localStorage.getItem('username'))

</script>

<style lang="scss" scoped></style>